@charset "utf-8";
body{ overflow-x:hidden;}
body{ color:#333; height:auto; box-sizing:border-box; font-size:14px; padding-top: 80px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#009f3f;}
i,em{ font-style:normal;}


.menu span,
.menu i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu,
.menu .h3 a,
.iCaseNav a:before,
.iCaseCon .em,
.iCaseCon .h3,
.iCaseCon .p,
.iCaseCon .img:before,
.header .wp,
.logo img{
transition: all 0.5s ease-out;
}
.ddddddddd{ transform:scale(1.05,1.05);}

/*淡入 向上 循环*/
.FmovefadeInDown,
.pageNext:before{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}
.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow {0% {transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}
.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}



.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}
.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; display: none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color:#009f3f;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -8px;content: " ";}
.menu-link span:after {top:8px;}
.menu-link.active{ background:#009f3f; border-radius: 50%;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}

.wp{ position: relative; width: 1360px; margin: 0 auto;}

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:9; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05);}


.logo{ position:absolute; left:0px; top:50%; margin-top:-0.5em; font-size:40px; line-height: 1;}
.logo img{ height:1em; width:auto; display: block;}

.tLanguage{position: absolute; right: 0px; top: 50%; margin-top: -16px;}
.tLanguage .i{font-size:22px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.tLanguage .i img{ width: 1em; height: 1em; display: block; filter: brightness(0.3); border: 1px solid #fff; border-radius: 50%;}
.tLanguage .box{ position: absolute; z-index: 4; width: 120px; left: 50%; margin-left: -60px; background: rgba(255,255,255,0.88); box-shadow: 0px 3px 4px 0 rgba(0,0,0,0.15);border-radius: 4px; padding: 12px 0; top: 100%; margin-left: -60px; text-align: center; display: none;}
.tLanguage .box a{ height: 28px; line-height: 28px; color:#009f3f; display: block;}
.tLanguage .box a.curr{}
.tLanguage:hover .box{ display: block;}

.tSearch{position: absolute; right: 50px; top: 50%; margin-top: -16px;}
.tSearch .i{font-size:22px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.tSearch .i img{ width: 1em; height: 1em; display: block;}
.tSearch.active .i:before{}
.tSearch .box{ position: fixed; padding:30px 0; z-index: 3; left: 0px; right: 0px; top:80px; display: none; background:rgba(255,255,255,0.65);}
.tSearch .pd{ position:relative; width: 640px; margin: 0 auto; box-sizing: border-box; padding-right: 72px;}
.ipt_t1{ background:#fff; border:none; color:#009f3f; height:38px; width:100%; padding:0 48px 0 15px; border-radius:0px !important; font-size:14px; box-sizing:border-box; display:block; border:1px solid #ced4da;}
.ipt_b1{ width:68px; text-align:center; font-size:22px; line-height:38px; height:38px; padding: 0px; color:#fff; position:absolute; right:0px; top:50%; margin-top:-19px; background:#009f3f; border:1px solid #009f3f; border-radius:3px!important; display: flex; justify-content: center; align-items: center;}
.ipt_b1 img{ width: 20px; height: 20px; display: block; filter: brightness(0.3);}



.menu{ text-align: right; margin: 0 118px;}
.menu ul{ display: inline-block; vertical-align: bottom;}
.menu li{ float: left; position: relative; margin: 0 20px; text-align: center;}
.menu .h3{}
.menu .h3 a{ display: block; height:80px; line-height: 80px; font-size:18px; position: relative;color: #444;}
.menu .h3 a:before{ content: ''; position: absolute; height: 3px; left: 50%; width: 0em; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); bottom: 0px; opacity: 0; transition: 0.5s all;}
.menu .h3 strong{ font-weight: normal;}
.menu span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.menu span:before { content: "\e605"; }
.menu span.active:before { content: "\e606"; }
.menu i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu i:before { content:"\e8e9"; }
.menu .box{ position: absolute; top: 100%; left: 0px; width: 180px; display: none; box-shadow:1px 1px 10px rgba(0,0,0,0.13);}
.menu .box a{ background: rgba(255,255,255,0.95); height: 44px; font-size: 14px; line-height: 44px; display: block; color: #333; padding: 0 40px 0 20px; text-align:left; position: relative;}
.menu .box a:before{ position: absolute; right: 20px; top: 50%; margin-top: -0.5em; line-height: 1; opacity: 0; transform: translateX(-10px); transition: 0.5s all;font-size:1.5em;
content: "\ea7f";font-family: "iconfont" !important; font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.menu .box a:hover{ background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); color: #fff;}
.menu .box a:hover:before{ opacity: 1; transform: translateX(0px);}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color:#009f3f;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ opacity: 1; width: 4em; margin-left: -2em;}
.menu li:hover .box{ display: block;}



.header{ transition: 0.5s all;}
.body_fix .header{}
.body_hide .header{}



.iBanner{ position: relative;}
.iBanner .pd{ display: block; position: relative;}
.iBanner .img{ overflow: hidden;}
.iBanner .img img{ height: auto; width:100%; min-width: 100vw; max-width: 100vw; object-fit: cover;}
.iBanner .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.iBanner .wp{ display: flex; align-items: center; height: 100%;}
.iBanner .h3,
.iBanner .em{ font-size: 60px; line-height: 1.5; color: #fff;}
.iBanner .m{ padding-top: 100px;}
.iBanner .swiperArrow{ display:block;}
.iBanner .swiperDots{ display:block; bottom:4.6875vw;}


.iBanner .videoA{ position: absolute; left:-1px; top:-1px; bottom:-1px; right:-1px; z-index: 2;}
.iBanner .videoA video{ width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1920/775; object-position: center bottom;}
.iBanner .videoBtn{ position: absolute; left: 0; top: 0; right:0; bottom:0; background: rgba(0,0,0,0.5); z-index: 9; opacity: 1; visibility: visible; pointer-events:auto; cursor: pointer; transition: 0.3s all;}
.iBanner .videoBtn img{ position: absolute; width: 4.6875em; height: 4.6875em; left: 50%; top: 50%; margin: -2.34375em 0 0 -2.34375em; min-width:auto; max-width:none;}
.iBanner .videoBtn.curr{ opacity: 0; visibility: hidden; pointer-events: none; }

.pageNext{ height: 40px; position: absolute; left: 0px; bottom: -40px; right: 0px; cursor: pointer;}

.more1{ height: 38px; width: 140px; line-height: 38px; color: #fff; border: 1px solid #fff; display: inline-block; transition: 0.5s all; text-align: center;}
.more1:hover{ border-color:#009f3f; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); color: #fff;}

.tit1{ text-align: center; margin-bottom: 40px;}
.tit1 em{ display: block; color:#009f3f; font-size: 32px; line-height: 1.2; margin-bottom: 40px; position: relative;}
.tit1 em:before{ content: ''; position: absolute; bottom: -25px; height: 2px; width: 42px; left: 50%; margin-left: -21px; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9);}
.tit1 strong{ display: block; font-weight: normal; font-size: 26px; line-height: 1.2;}


.iMain{ background:no-repeat center center; background-size:cover; padding: 100px 0;}
.iMain1{ background: #f8f8f8; padding: 0px!important;}

.iPro{}
.proTab{ padding: 20px 0; background: #f8f8f8;}
.proTab ul{ display: flex;}
.proTab li{ width: 14.285714285714286%; display: block; position: relative;}
.proTab .pd{ display: block; position: relative; padding-top: 110px;}
.proTab .img{ position: absolute; left: 50%; margin-left: -75px; top: 12px; width: 150px; height: 86px; transition: 0.5s all;}
.proTab .img img{ position: absolute; left: 0px; top: 0px; right: 0px; transition: 0.5s all;}
.proTab .img img:nth-child(2){ opacity: 0;}
.proTab strong{ display: block; height: 46px; line-height: 46px; font-weight: normal; text-align: center; font-size: 16px; color: #666; transition: 0.5s all;}
.proTab li.curr .img{ transform: translateY(12px);}
.proTab li.curr .img img:nth-child(2){ opacity: 1;}
.proTab li.curr strong{ transform: translateY(6px);}

.proCon{ background: #ffffff; padding:60px 0;}
.proCon .li{ padding-bottom: 30px; background: #fff; position: absolute; left: 0px; top:0px; right: 0px; z-index: 1; opacity: 0; visibility: hidden;}
.proCon .li:first-child{ display: block;position: relative;}
.proCon .li.curr{ opacity: 1; z-index: 2; visibility: visible;}
.proCon .swiper{ margin: 0 -30px;}
.proCon .pd{ margin: 0 30px; display:block; position: relative;}
.proCon .img img{ height: 240px; object-fit: contain;}
.proCon .text{ position: relative; padding-bottom: 10px;}
.proCon .text:before{ content: ''; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 3px; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9);}
.proCon .em{ color:#666; font-size: 18px; line-height: 1.5;}
.proCon .h3{ font-size: 20px; line-height: 1.5; color: #000;}
.proCon .swiperArrow{ display:block;}
.proCon .swiperDots{ display: block;}

.btnBox{background: linear-gradient(to right, #009944, #00a0e9);}
.btnBox a{line-height: 50px;color: #ffffff;font-size: 18px;font-weight: 600; display: block;text-align: center;}



.iMain2{ height: 500px; padding: 0px !important; box-sizing: border-box; background-image: url("../images/bg2.jpg");background-repeat: repeat-y;background-position: center center;background-attachment: fixed;text-align: center;}
.iMain2 .wp{ height: 100%;}
.bannerB{ height: 100%; display: flex; justify-content: center; align-items: center;}
.bannerB .p{ font-size: 28px; color: #fff; min-height: 42px;}
.bannerB .m{ padding-top: 40px;}

.iMain3{ padding-bottom: 0 !important;}
.iMain3 .wp{ width: auto;}
.iCase{}
.iCase li{ width: 25%; float: left;}
.iCase .pd{ display: block; position: relative;}
.iCase .img{}
.iCase .h2{ position: absolute; left: 15px; bottom: 15px; right: 15px; z-index: 3; font-size: 22px; color: #fff; transition: 0.3s all;}
.iCase .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; justify-content: center; align-items: center; text-align: center; background: rgba(0,117,46,0.85); background-image: linear-gradient(to right, rgba(0,117,46,0.85), rgba(0,160,233,0.75)); color: #fff; z-index: 2; opacity: 0; transition: 0.5s all;}
.iCase .h3{ font-size: 24px; margin-bottom: 40px; position: relative; transform: translateY(-1em); transition: 0.5s all;}
.iCase .h3:before{ content: ''; position: absolute; left: 50%; margin-left: -21px; bottom: -20px; width: 42px; height: 2px; background: #ffffff;}
.iCase .p{ font-size: 18px;}
.iCase .m{ padding-top: 60px;}
.iCase .pd:hover .text{ opacity: 1;}
.iCase .pd:hover .h3{ transform: translateY(0em);}
.iCase .pd:hover .h2{ opacity: 0;}
.more2{ height: 38px; width: 140px; line-height: 38px; color: #fff; border: 1px solid #fff; display: inline-block; transition: 0.5s all; text-align: center;}
.more2:hover{ border-color:#009f3f; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); color: #fff;}


.iMain4{}

.iNews .swiper{ margin: 0 -10px;}
.iNews .swiper-slide{}
.iNews .pd{ margin: 0 10px; display: block; background: #f9f9fa; color: #666666;}
.iNews .img{ background: #ccc;}
.iNews .img img{height: 220px; object-fit: cover;}
.iNews .text{ padding:30px 24px;}
.iNews .em{ transition: 0.5s all; font-size:20px; color: #333;}
.iNews .h3{ transition: 0.5s all; color: #000; font-size: 22px; line-height: 1.5; height:1.5em; margin-bottom: 10px; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.iNews .p{ transition: 0.5s all; font-size: 14px; line-height: 1.5; margin-bottom:10px; height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.iNews .m{}
.iNews .swiper-button-disabled{ background: #eaeaea !important; opacity: 0.5; color: #ccc !important; cursor: auto;}
.iNews .swiperArrow{}
.iNews .pd:hover{ background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9);}
.iNews .pd:hover .em,
.iNews .pd:hover .h3,
.iNews .pd:hover .p{ color: #fff;}
.iNews .pd:hover .more3{ color: #fff; border-color: #fff;}

.more3{ transition: 0.5s all; height: 30px; width: 116px; line-height: 30px; color: #666; border: 1px solid #666; display: inline-block; text-align: center;}




.footer{ background: #232428; color: #d3d3d3;}
.footer a{ color: #d3d3d3;}
.footer a:hover{ color: #fff;}
.fTop{ padding: 52px 0 40px 0;}

.fContact{ max-width:354px; position: absolute; left: 0px; top: 0px;}
.fContact .img{ margin-bottom: 30px;}
.fContact .text{ color: #fff; font-size: 18px; line-height: 1.2;}
.fContact .h2{ color: rgba(0,159,63,1); font-size: 26px; margin-bottom: 0.75em;}
.fContact .h3{ font-size: 20px; margin-bottom: 1.5em;}
.fContact .p{ font-size: 14px; line-height: 1.75; color: #d3d3d3;}
.fContact .p a{ color: #d3d3d3;}
.fContact .p a:hover{ color:#009f3f;}

.fNav{ margin: 0 270px 0 416px; min-height: 200px;}
.fNav ul{ display: flex; justify-content: space-between;}
.fNav li{ position: relative;}
.fNav li:before{ content: ''; position: absolute; right: -100px; width: 1px; height: 100%; background: rgba(255,255,255,0.15); }
.fNav li:last-child:before{ display: none;}
.fNav .h3{ position: relative; margin-bottom: 36px;}
.fNav .h3:before{ content: ''; width: 28px; height: 1px; position: absolute; bottom: -24px; background: #fff;}
.fNav .h3 a{ font-size: 20px; line-height: 1; color:#009f3f; display: block;}
.fNav .box a{ font-size: 16px; height: 28px; line-height: 28px; display: block;}

.fShare{ width: 128px; position: absolute; right: 0px; top: 0px;}
.fShareHead{ margin-bottom: 12px;}
.fShareHead .text{ text-align: center; line-height: 30px; color: #fff;}
.fShareList{}
.fShareList li{ width: 50%; float: left; position: relative; z-index: 6;}
.fShareList li:before{ content: ''; width: 1px; height: 30px; margin-top: -15px; top: 50%; position: absolute; right: 0px; background: #fff;}
.fShareList li:last-child:before{ display: none;}
.fShareList .t a{ width: 36px; height: 36px; border-radius: 50%; color: #fff; display: block; margin: 0 auto; text-align: center; line-height: 36px; font-size: 22px;}
.fShareList .t a.icon-weixin{ background: #49b13d;}
.fShareList .t a.icon-lianjie{ background: #43aded;}
.fShareList .c{ position: absolute; left: 50%; bottom: 100%; padding-bottom: 14px; width: 140px; margin-left: -70px; display: none;}
.fShareList .npd{ padding: 5px; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); color: #000; font-size: 12px; text-align: center; position: relative;}
.fShareList .npd:before {content: '';position: absolute;left: 0;bottom:-14px;right: 0;margin: auto;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 14px solid #009f3f;}
.fShareList .npd canvas{ width: 100%; height: auto; display: block;}
.fShareList .npd p{ display: block; line-height: 1.2; padding: 0.5em 0;}
.fShareList li:hover .c{ display: block;}

#copy-text{ opacity: 0; width: 1px; height: 1px; overflow: hidden;}

.fBottom{ border-top: 1px solid rgba(255,255,255,0.15); padding: 15px 0; font-size: 14px;}
.fCopy{ line-height: 20px; text-align: center; color: #ccc;}
.fCopy a{ color: #dedede; display: flex; align-items: center;}
.fCopy a img{ margin-right:5px;}
.fCopy a:hover{ color:#009f3f;}
.fCopy p{ display: inline-block; vertical-align: bottom; margin: 0 0.5em;}

.fCopyFl{ float: left; display: flex; flex-wrap: wrap;}
.fCopyFr{ float: right; display: flex; flex-wrap: wrap;}
.fCopyFr a{ margin-left: 1em;}

.fLink{ padding: 0 0 22px 0; font-size: 12px; line-height: 1.2; color:#393a3e;}
.fLink dl{ position: relative; padding-left: 60px;}
.fLink dt{ position: absolute; left: 0px; top: 0px;}
.fLink dd{ display: flex; flex-wrap: wrap;}
.fLink dd a{  display: inline-block; margin-right: 5px; color:#393a3e;}
.fLink dd a:last-child{ margin-right: 0px;}
.fLink dd a:hover{ color:#009f3f; }


.sNav{position: fixed; right: 0px; top: 50%; width: 60px; z-index: 9;}
.sNav li{  margin-bottom: 2px;}
.sNav .pd{ background:rgba(247,247,247,0.9); box-shadow: 0px 0px 6px rgb(0,0,0,0.13); border-radius: 5px 0 0 5px; position: relative;}
.sNav .t{ text-align: center;}
.sNav .t a{ display: block; padding: 5px 0;}
.sNav .t i{ height: 1em; line-height: 1em; display: block; font-size: 26px; margin-bottom: 1px; color: #a4a4a4;}
.sNav .t span{ height: 18px; font-size: 12px; line-height: 18px;display: block; color: #666;}
.sNav .c{ display: none; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); padding-right: 14px;}
.sNav .npd{ background: rgba(247,247,247,0.9); padding: 10px; position: relative;}
.sNav .npd:before {content: '';position: absolute;top: 0;right: -14px;bottom: 0;margin: auto;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-left: 14px solid #f7f7f7;opacity: 0.9;}
.sNav .pd:hover{ background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9);}
.sNav .pd:hover .t i{ color: #fff;}
.sNav .pd:hover .t span{ color: #fff;}
.sNav .pd:hover .c{ display: block;}
.sEwm{width: 160px;}
.sEwm .npd{ padding: 20px;}
.sEwm img{ width: 100%; height: auto; display: block;}
.sTel{ width: 230px;}
.sTel .npd{ padding: 20px 20px 20px 60px;}
.sTel a{ display: block; font-size: 18px; height: 22px; color:#009f3f; line-height: 22px;}
.sTel i{ position: absolute; left: 20px; top: 50%; margin-top: -15px; width: 32px; height: 32px; line-height: 32px; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); text-align: center; border-radius: 50%; color: #fff;}
.sEmal{ width: 350px;}
.sEmal .npd{ padding: 20px 20px 20px 60px;}
.sEmal a{ display: block; font-size: 18px; height: 22px; color:#009f3f; line-height: 22px;}
.sEmal i{ position: absolute; left: 20px; top: 50%; margin-top: -15px; width: 32px; height: 32px; line-height: 32px; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); text-align: center; border-radius: 50%; color: #fff;}



/*内页*/
.pBanner{ position: relative; overflow: hidden;}
.pBanner img{ height: 168px; width: 100%; object-fit: cover; object-position: center bottom;}
.pBanner .text{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; font-size: 42px;}
.pBanner .text strong{ position:relative; color: #fff;}
.pBanner .text strong:before{ content: ''; position: absolute; left: 50%; bottom: -10px; width: 2em; margin-left: -1em; height: 3px; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9);}
.pMain{ padding: 60px 0;}
.pMainMsg1{}
.pMainMsg1_1{ margin-bottom: 50px;}
.contactInfo{}
.contactInfo ul{ display: flex; border: 1px solid #ccc;}
.contactInfo li{ width: 33.3333%;}
.contactInfo .pd{ border-right: 1px solid #ccc; padding: 30px 0; text-align: center;}
.contactInfo li:last-child .pd{ border-right: none;}
.contactInfo i{ width: 1em; height: 1em; line-height: 1em; text-align: center; font-size: 32px; display: block; margin: 0 auto 8px auto; color: #ccc;}
.contactInfo .h3{ font-size: 16px; line-height: 1.6;}
.pMainMsg1_2{ margin-bottom: 50px;}
.contactMap{ height: 400px; position: relative; z-index: 2;}
.pMainMsg1_3{}
.contactList{}
.contactList ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.contactList li{ width: 33.3333%; margin-bottom: 30px;}
.contactList .pd{ margin: 0 10px;}
.contactList .h3{ margin-bottom: 16px; font-size: 20px; line-height: 1; color:#000; position: relative; padding-left: 20px;}
.contactList .h3:before{ content: ''; position: absolute; left: 0px; height: 1em; width: 3px; top: 50%; margin-top: -0.5em; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9);}
.contactList .p{ font-size: 14px; line-height: 1.6; color: #212529;}

.newsList{}
.newsList li{ margin-bottom: 25px;}
.newsList li:last-child{ margin-bottom: 0px;}
.newsList .pd{ display: block; background: #fff; transition: 0.5s all; position: relative; height: 198px; box-shadow: 0 0 6px 0 rgba(0,0,0,0.13);}
.newsList .img{ position: absolute; right: 0px; width: 330px; height: 100%;}
.newsList .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsList .text{ padding:24px 36px; margin-right: 330px;}
.newsList .h3{ font-size: 18px; line-height: 1.2; margin-bottom: 10px; height: 1.2em; color: #212529; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.newsList .p{ font-size: 14px; line-height: 1.5; height: 3em; color: #afafaf; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.newsList .em{ color: #666; font-size: 14px; line-height: 1.2; margin-bottom: 20px;}
.newsList .m{}
.more4{ width: 148px; height: 32px; line-height: 32px; background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); border: 1px solid #009f3f; color: #fff; transition: 0.5s all; display: block; text-align: center;}
.newsList .pd:hover{ background: #ededed; color: #fff;}
.newsList .pd:hover .h3{ color:#000;}
.newsList .pd:hover .more4{ background: #fff; border-color:#009f3f; color:#009f3f;}


.pHead{ margin-bottom:0px;}
.tit2{ text-align: center; padding: 33px 0 22px 0;}
.tit2 strong{ color: #01561f; font-weight: normal; display: block; font-size: 30px; line-height: 1.2;}
.pNav{ border-top:1px solid rgba(222, 222, 222, 0.71);}
.pNav ul{ display: flex; justify-content: center;}
.pNav li{ margin: 0 6px;}
.pNav a{ display: block; padding: 0 28px; color: #212529; height: 46px; line-height: 46px; position: relative;transition: 0.5s all;}
.pNav li.curr a{  background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); color: #fff;}


.pMainIntro1{}
.pMainIntro1_1{}
.aboutList{}
.aboutList .li{ padding: 40px 0; border-bottom:1px solid rgba(222, 222, 222, 0.71);}
.aboutList .li:last-child{ border-bottom:none;}
.aboutList .li:first-child{ border-bottom:1px solid rgba(222, 222, 222, 0.71);}
.aboutList .pd{}
.aboutList .h3{ font-size: 36px; color: #16a085; line-height: 1.2; margin-bottom: 0.75em;}
.aboutList .p{ font-size: 16px; line-height: 2; color: #212529;}
.aboutList .p strong{ font-weight: bold;}
.aboutList .p img{ display: inline-block; vertical-align: bottom; max-width: 100%; height: auto; }
.aboutList .p video{ width: 100%; height: auto; display: block;aspect-ratio: 1920/1080; object-fit: cover;}

.aboutList .li:nth-child(1) .h3{ color: #16a085;}
.aboutList .li:nth-child(2) .h3{ color: #2980b9;}
.aboutList .li:nth-child(3) .h3{ color: #16a085;}
.aboutList .li:nth-child(4) .h3{ color: #f39c12;}

.aboutList2671 .li:nth-child(1) .h3{ color: #2980b9;}
.aboutList2670 .li:nth-child(1) .h3{ color: #2980b9;}

.aboutBtn{ padding-bottom: 60px; text-align: center;}
.more5{ background-color:#16a085; font-size: 28px; color: #fff; height: 2em; line-height: 2; margin: 0 auto; display: inline-block; padding: 0 2em;}
.more5:hover{ color: #fff;}


.newsInfo{}
.newsTit{ border-bottom:1px solid #d9d9d9; padding-bottom: 15px; margin-bottom: 15px;}
.newsTit h1{ font-size: 28px; line-height: 1.5; font-weight: normal; text-align: center;}
.newsEm{ color: #999; text-align: center; margin-bottom: 20px;}
.newsEm span{}
.newsEm br{ display: none;}
.newsEm em{ margin-right: 1em;}
.newsEm strong{ font-weight: normal;}
.newsCon{ font-size: 18px; line-height: 2; margin-bottom: 40px;}
.newsCon img{ max-width: 100%; display: inline-block; vertical-align: bottom; height: auto !important;}
.newsKey{ margin-bottom: 20px;}
.newsBtn{}
.newsBtn ul{ display: flex; justify-content: space-between;}
.newsBtn li{ max-width: 50%; float: left;}
.newsBtn .pd{ display: block; position: relative; padding: 0 50px;}
.newsBtn .pd span{ position: absolute; left: 0px; top: 50%; line-height: 1; margin-top: -0.5em;}
.newsBtn .pd a{ height: 30px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.newsBtn li:nth-child(even) .pd span{left: auto; right: 0px;}


.pMainProApp1{}
.pMainProApp1_1{ margin-bottom: 60px;}
.caseInfo{}
.caseInfo .pd{}
.caseInfo .img{ width: 600px; float: left;}
.caseInfo .text{ margin-left: 600px; padding: 56px 0 0 66px;}
.caseInfo .h3{ font-size: 30px; margin-bottom: 0.75em;}
.caseInfo .h3 h1{ font-size: 1em;}
.caseInfo .p{ font-size: 18px; line-height: 1.6;}
.pMainProApp1_2{}
.proTj{}
.proTj .swiper{ margin: 0 -8px;}
.proTj .swiper-slide{ padding: 10px 0;}
.proTj .pd{ border:1px solid #d9d9d9; display: block; margin: 0 8px; transition: 0.5s all;}
.proTj .img{ overflow: hidden; background: #fff;}
.proTj .img img{ transition: 0.5s all; aspect-ratio: 427/320; object-fit: contain;}
.proTj .text{ padding: 10px 10px 26px 10px; font-size: 18px; line-height: 1.2;}
.proTj .em{ color:#666; margin-bottom: 6px; min-height: 1.2em;}
.proTj .h3{ color: #000; font-weight: bold; line-height: 1.5; height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.proTj .pd:hover{ border:1px solid #00943c; background: #efefef; transform: translateY(6px);}
.proTj .pd:hover .img img{ transform: scale(1.08)}


.proNav{ position: absolute; left: 0px; right: 0px; bottom: 30px;}
.proNav ul{ display: flex; justify-content: center;}
.proNav li{}
.proNav a{ display: block; padding: 0 28px; font-size: 18px; line-height: 50px; height: 50px; color: #fff;}
.proNav li.curr a{ color:#009f3f;}

.pMainPro1{}
.pMainPro1_1{}
.proList{}
.proList ul{ margin: 0 -8px; display: flex; flex-wrap: wrap;}
.proList li{ width: 25%; margin-bottom: 16px;}
.proList .pd{ border:1px solid #d9d9d9; display: block; margin: 0 8px; transition: 0.5s all; height: 100%;}
.proList .img{ overflow: hidden; background: #fff;}
.proList .img img{ transition: 0.5s all;aspect-ratio: 427/320; object-fit: contain;}
.proList .text{ padding: 10px 10px 26px 10px; font-size: 18px; line-height: 1.2; position:relative;}
.proList .em{ color:#666; margin-bottom: 6px; line-height: 30px; margin-right: 110px;}
.proList .h3{ color: #000; font-weight: bold;}
.proList .p{ display: none;}
.addBtn{ position: absolute; right: 10px; top: 10px;}
.addBtn a{ width: 100px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ccc; font-size: 14px; display: block; border-radius: 5px;}
.addBtn a:hover{ background: #00943c; background-image: linear-gradient(to right, #009944, #00a0e9); color: #fff; border-color: #00943c; transition: 0.5s all;}
.proList .pd:hover{ border:1px solid #00943c; background: #efefef; }
.proList .pd:hover .img img{ transform: scale(1.08)}


.cart{ margin-bottom: 20px; position: relative; z-index: 5;}
.cartBtn{ width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 50%; font-size: 32px; background: #00943c;  background-image: linear-gradient(to right, #009944, #00a0e9); display: block; color: #fff;}
.cartBtn:hover{ color: #fff; background: #00943c;  background-image: linear-gradient(to right, #009944, #00a0e9);}
.cartBox{ position: absolute; left: 0px; top: 100%; width: 370px; padding-top: 20px; display: none;}
.cartBox:before{ content: ''; position: absolute;left: 15px;top:1px;width: 0px;height: 0px;border: 10px solid;border-color: transparent transparent #fff transparent;}
.cartBox.curr{ display: block;}
.cartBox .wpd{ background: #fff; padding: 15px; box-shadow: 0px 1px 4px rgba(0,0,0,0.1); border: 1px solid #f4f5f9; position: relative;}
.cartClose{ position: absolute; right: -12px; top: -12px; width: 24px; height: 24px; background: #000; border-radius: 50%; cursor: pointer; text-align: center; line-height: 24px; color: #fff; font-size: 12px;}
.cartClose:hover{ background: #00943c;  background-image: linear-gradient(to right, #009944, #00a0e9);}
.cartList{}
.cartList ul{ border-top: 1px solid #eee;}
.cartList li{ border-bottom: 1px solid #eee; padding: 10px 0;}
.cartList .pd{ position: relative; display: block;}
.cartList .img{ position: absolute; left: 0px; width: 50px; height: 50px;}
.cartList .img img{ width: 100%; height: 100%; object-fit: contain;}
.cartList .text{ margin-left: 50px; padding-left: 14px; position: relative; padding-right: 30px;}
.cartList .h3{ font-size: 18px; overflow: hidden; line-height: 1.5; height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.cartList .p{ font-size: 14px; color: #999; line-height: 1.3; height: 1.3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.cartList .m{ position: absolute; right: 0px; top: -2px; cursor: pointer; width:30px; height: 30px;}
.cartList .m i{ width: 18px; height:18px; line-height: 18px; font-size: 12px; background: #000; border-radius: 50%; color: #fff; display: block; text-align: center; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -9px;}
.cartM{ text-align: right; padding-top: 10px;}
.cartM a{ padding: 0 20px; border-radius: 18px; height: 36px; line-height: 36px; display: inline-block; vertical-align: bottom;}
.cartM .a1{}
.cartM .a2{background: #00943c;  background-image: linear-gradient(to right, #009944, #00a0e9); color: #fff;}
.cartNo{ display: none; font-size: 14px; padding: 80px 0; text-align: center; color: #212529;}
.cartNo.curr{ display: block;}

.crumbs{ padding: 25px 0; border-bottom: 1px solid #eee; line-height: 24px;}
.chome{ position: relative; padding-left: 1.25em;}
.chome:before{ content: '\ea82'; font-family: "iconfont" !important;font-size: 1em;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; left: 0px; top: 50%; line-height: 1; margin-top: -0.5em;}
.chome{}
.crumbs a{ display: inline-block; color: #6c757d;}
.crumbs em{ display: inline-block; margin: 0 0.5em; color: #999;}
.crumbs strong{ display: inline-block; font-weight: normal; color: #212529;}

.pMainProInfo1_1{margin-bottom: 40px;}
.proInfoA{}
.proInfoA_fl{ width: 538px; float: left;}
.proInfoA_fl .wpd{ border:1px solid rgba(238,238,238,1);}
.caseFor{ margin-bottom: 10px;}
.caseFor .swiperArrow{ display: block; background: none; color: #999; font-size: 44px; width: 1em; height: 1em; line-height: 1em; margin-top: -0.5em;}
.caseFor .swiperArrow:hover{ color: #00943c;}
.caseFor .swiperPrev{ left: 0px;}
.caseFor .swiperNext{ right: 0px;}
.caseTab{}
.caseTab .swiper{ margin: 0 -5px;}
.caseTab .pd{ margin: 0 5px; cursor: pointer;}
.caseTab .img img{aspect-ratio: 1 / 1; object-fit: contain; opacity: 0.6; transition: 0.5s all;}
.caseTab .swiper-slide-thumb-active .img img{ opacity: 1;}
.proInfoA_fr{ margin-left: 538px; padding-left: 46px;}
.proInfoA_fr .h3{ font-size: 28px; line-height: 1.5; margin-bottom: 20px; padding-bottom: 20px; border-bottom:  1px solid rgba(0,0,0,.1); color: #00943c;}
.proInfoA_fr .p{ font-size: 14px; line-height: 1.8; color: rgba(76,76,76,1);}
.proInfoA_fr .m{ padding-top: 25px;}
.proInfoA_fr .m a{ display: block; width: 200px; height: 40px; line-height: 40px; text-align: center; border: 1px  solid rgba(204,204,204,1); border-radius: 4px; transition: 0.5s all;}
.proInfoA_fr .m a:hover{ background: #00943c;  background-image: linear-gradient(to right, #009944, #00a0e9); color: #fff; border-color: #00943c;}
.pMainProInfo1_2{ margin-bottom: 60px;}
.proInfoB{}
.proInfoTit{ border-bottom: 1px solid rgba(217,217,217,1); margin-bottom: 16px;}
.proInfoTit strong{ display: block; width: 120px; height: 40px; line-height: 40px; font-weight: normal; color: #fff; background: #00943c;  background-image: linear-gradient(to right, #009944, #00a0e9); text-align: center;}
.proInfoCon{ color: #333;}
.proInfoCon img{ display: inline-block; max-width: 100%; height: auto;}
.proInfoCon .li{ margin-bottom: 1.5em;}

.proInfoCon .li1{ max-width: 100%; overflow-x:auto;}
.proInfoCon .li1:before{ content: '左滑查看完整表格'; line-height: 1.3; padding: 5px; background: #f00; color: #fff; border-radius: 5px; display: inline-block; font-size: 12px; display: none;}
.proInfoCon .li1 table{ width: 100%; max-width: 800px;}
.tableA{ max-width: 100%; overflow-x: auto;}
.tableA:before{ content: '左滑查看完整表格'; line-height: 1.3; padding: 5px; background: #f00; color: #fff; border-radius: 5px; display: inline-block; font-size: 12px; display: none;}

.tableA table{ width: 100%; min-width: 800px; border-collapse: separate; border-spacing: 1px 1px; background: #ddd; border: none;}
.tableA table tr:nth-child(even),
.tableA table tr:nth-child(even) td{background: #f7f7f7;color: #666;}
.tableA table td{background:#fff;padding-top: 5px;padding-bottom: 3px;color: #666;padding-left: 12px !important;padding-right: 12px !important;line-height: 1.4em; }
.tableA table td *{line-height: 1.4em;}
.tableA table td[bgcolor="#1f4e78"],
.tableA table td[bgcolor="#1f4e78"] *{color: #fff !important;}
.tableA table td[bgcolor="#1f4e78"]{background:#1f4e78 !important;color: #fff  !important;}
.tableA table td[bgcolor="#067dc8"],
.tableA table td[bgcolor="#067dc8"] *{color: #fff !important;}
.tableA table td[bgcolor="#067dc8"]{background:#1f4e78 !important;}
.tableA table th,
.tableA table th *{text-align: left;font-size:16px;}
.tableA table th{padding: 8px 12px;text-align: left;}

.pMainProInfo1_3{}
.searchHead{ margin-bottom: 60px;}
.searchHead .pd{ display: block; position: relative; width: 800px; margin: 0 auto;}
.searchList{}
.searchList ul{ display: flex; flex-wrap: wrap; margin: 0 -8px;}
.searchList li{ width: 25%; margin-bottom: 16px;}
.searchList .pd{ display: block; border: 1px solid rgba(229,229,229,1); padding: 5px; margin: 0 8px; border-radius: 10px;}
.searchList .npd{ border-radius: 10px; overflow: hidden; background: rgba(241,241,241,1); transition: 0.5s all; color: #212529;}
.searchList .img{ }
.searchList .img img{aspect-ratio: 427/320; object-fit: contain;}
.searchList .text{ }
.searchList .h3{ height: 40px; font-size: 16px; line-height: 40px; text-align: center; font-weight: bold;}
.searchList .pd:hover .npd{ background:#00943c; color: #fff;}


.proBi{ height: 180px; position: relative; padding-left: 121px; border: 1px solid #ccc;}
.proBiHead{ width: 120px; position: absolute; left: 0px; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #ccc; text-align: center;}
.proBiList{}
.proBiList ul{ display: flex;}
.proBiList li{ width: 20%; }
.proBiList .pd{ display: block; position: relative; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 4px;}
.proBiList .img img{ height: 142px; width: 100%; object-fit: contain;}
.proBiList .text{}
.proBiList .h3{ height: 30px; line-height: 30px; text-align: center; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.proBiList .m{ position: absolute; text-align: center; font-size: 14px; right: 5px; top: 5px; width: 2em; height: 2em; line-height: 2em; cursor: pointer;}
.proBiList .m:hover{ color:#00943c;}


.hideSame{ display: none;}
.hideSame + label{display: inline-block;width: 40px;height: 20px;position: relative;-webkit-transition: 0.3s;transition: 0.3s;margin: 0px 20px;box-sizing: border-box;background: #ddd; border-radius: 20px;box-shadow: 1px 1px 3px #aaa;}
.hideSame + label:after{content: "";display: block;position: absolute;left: 0px;top: 0px;width: 20px;height: 20px;-webkit-transition: 0.3s;transition: 0.3s;cursor: pointer;    background: #fff; border-radius: 50%; box-shadow: 1px 1px 3px #aaa;}
.hideSame:checked + label{background: #00943c;  background-image: linear-gradient(to right, #009944, #00a0e9);}
.hideSame:checked + label:after{left: calc(100% - 20px);}


/*视频*/

.play_btn{ background:#000; display:block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; position:relative;}
.play_btn i{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.5s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}

.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #802C19;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}
@media screen and (max-width:768px){
.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}
.video_box video{ height:auto;}
}
/*搜索*/
.iMainSearch1{ padding:200px 0 60px 0;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #009f3f; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#009f3f; margin-left:0.5em;}
.search_list{ background:#fff; padding:50px 0 80px 0; min-height:25vh;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#009f3f; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}
@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 20px 0 30px 0; min-height: 20vh;}
.search_list .h3{ font-size:14px;}
}

/*分页*/
.fpage{ text-align:center; padding:40px 0 0 0; font-size:20px;}
.fpage ul{ display:inline-block; vertical-align:bottom;}
.fpage li{ padding:0 0.25em; float:left;}
.fpage .disabled{}
.fpage a{}
.fpage a,
.fpage span{height: 38px;line-height: 36px;display: block;border-radius:3px;color: #fff;font-size: 14px;float: left; min-width: 30px; text-align: center; padding: 0 5px; box-sizing: border-box;background: #fff; border: 1px solid #d9d9d9; color: #333;}

.fpage .active a,
.fpage .active span{background:#009f3f; background-image: linear-gradient(to right, #009944, #00a0e9); color:#fff; border-color:#009f3f;}

@media screen and (max-width:640px){
.fpage li{ padding: 0 3px;}
.fpage a,
.fpage span{ height: 24px; line-height: 24px; font-size: 10px; min-width: 24px;}


}





@media screen and (min-width:1920px){
}
@media screen and (max-width:1680px){

}
@media screen and (max-width:1600px){
.menu li{ margin: 0 15px;}
.menu .h3 a{ font-size: 15px;}

}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1366px){
.wp{ width: 96%;}
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){
body{ padding:60px 0 50px 0;}
.wp{ margin:0 30px; width: auto;}
.logo{ font-size: 36px;}

.tLanguage{ left: auto; right:80px; margin-top: -16px;}
.tLanguage .i{}
.tLanguage .box{ display: none; position: fixed; left: 0px; top: 60px; right: 0px; background: #f5f5f5; text-align: center;  padding: 30px 0; color:#009f3f; width: auto; margin: 0px;}
.tLanguage .box a{}

.tSearch{ right: 40px;}
.tSearch .i{}
.tSearch .box{ position:fixed; left:0px; top:60px; right:0px; background:#e8eeff; padding:15px 30px; display:none; width: auto;}
.ipt_t1{ background: #fff; color:#009f3f;}


.menu-link{ display: block;}
.menu-link em{ font-size:14px;}
.header{ }
.header .wp{ height:60px;}
.menu{ position:fixed; top:0px; bottom:0px; z-index:2; background:#fff; margin: 0px; box-sizing:border-box;width:280px; right:-281px;}
.menu ul{ padding:60px 0 0 0; float: none; display: block;}
.menu li{ float: none; margin: 0px;}
.menu .h3{ text-align: left; position: relative; border-bottom: 1px solid #dcdcdc;}
.menu .h3 a{ display:block; vertical-align: bottom; font-size:14px; padding: 0 30px; height:40px; line-height: 40px; overflow:hidden; color:#333;}
.menu .h3 span{ height:40px; line-height:40px; display:block; text-transform:uppercase;}
.menu .h3 i{ height:40px; line-height:40px; display:block;}
.menu.active{ right:0px;}
.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none;}
.menu .box a{ padding: 0 60px; height: 32px; line-height: 32px;}
.menu .box a:before{ display: none;}

.menu li:nth-child(7) .h3 span,
.menu li:nth-child(6) .h3 span,
.menu li:nth-child(5) .h3 span,
.menu li:nth-child(1) .h3 span{ display: none !important;}
.menu li:nth-child(4) .h3 i,
.menu li:nth-child(3) .h3 i,
.menu li:nth-child(2) .h3 i{ display: none !important;}

.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ display: none;}
.menu li:hover .box{ display: none;}
.menu li.curr .box{}

.sNav{ position: fixed; left: 0px; top: auto; margin: 0px; bottom: 0px; width: auto; right: 0px;}
.sNav .pd{ border-radius: 0px;}
.sNav ul{ display: flex;}
.sNav li{ width: 25%; margin-bottom: 0px;}
.sNav .t i{ font-size: 22px; margin-bottom: 2px;}
.sNav .t span{ height: 16px; line-height: 16px;}
.sNav .c{ left: 0px; right: 0px; top: auto; position: fixed; bottom: 50px; transform: translateY(0); padding:0; width: auto !important; justify-content:  center; background: rgba(255,255,255,1); display: none;}
.sNav .pd{ background: #fff;}
.sNav .pd:hover .c{ display: flex;}
.sEmal{ width: auto;}
.sNav .npd{ background: none;}
.sNav .npd:before{border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #f7f7f7; display: none;}


.iBanner .text{ background: rgba(0,0,0,0.2);}
.iBanner .wp{ justify-content: center; text-align: center;}
.iBanner .h3,
.iBanner .em{ font-size: 36px;}
.iBanner .swiperDots{ bottom: 20px;}
.swiperPrev{ left: 20px;}
.swiperNext{ right: 20px;}

.iMain3 .wp{ margin: 0px;}


.fContact .h2{ font-size: 24px;}
.fContact .h3{ font-size: 16px;}
.fNav{ margin:0 168px 0 272px; }
.fNav li:before{ right: -70px;}
.fNav .h3{ margin-bottom: 20px;}
.fNav .h3:before{ bottom: -14px;}
.fNav .h3 a{ font-size: 16px;}
.fNav .box a{ font-size: 14px; line-height: 2;}

.proInfoA_fl{ width: 50%;}
.proInfoA_fr{ margin-left: 50%; padding-left: 40px;}

.caseInfo .img{ width: 50%;}
.caseInfo .text{ margin-left: 50%; padding:40px 0 0 40px;}

.proList li{ width: 33.33333%;}

.proTj .swiperDots{ display: block; bottom: -10px;}
.proTj .swiperDots span{ background: #999;}
.proTj .swiperDots .swiper-pagination-bullet-active{ background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9);}

.newsTit h1{ font-size:24px;}
.newsEm{ font-size: 12px;}
.newsEm br{ display: block;}
.newsCon{ font-size: 14px; line-height: 1.75}
.newsCon *{ font-size:inherit !important; line-height: inherit !important; max-width: 100%;}
.newsCon img{ max-width: 100% !important; height: auto !important;}

.iMain1{ overflow: hidden;}

.proTab li{cursor: pointer;}
.proTab li:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 2; background: rgba(0,0,0,0);}

.proNav a{ padding: 0 1.5em; font-size: 16px;}
}
@media screen and (max-width:980px){
.iMain{ padding: 80px 0;}

.proTab{ padding:10px 0px;}
.proTab .wp{ margin: 0px;}
.proTab ul{ flex-wrap: wrap;}
.proTab li{ width: 25%;}
.proTab .pd{ padding: 6px 0px;}
.proTab .img{ width:64px; margin: 0 auto 5px auto; position: relative; left: auto; top: auto; height: auto;}
.proTab .img img:first-child{ position: relative;}
.proTab strong{ line-height: 1.2; height: 1.2em; font-size: 14px;}
.proTab li.curr .img{ transform: translateY(0);}
.proTab li.curr strong{ transform: translateY(0);}
/*.proCon .li{ display: none;}
.proCon .li:first-child{ display: block;}*/

.proCon{ padding: 30px 0;}
.proCon .em{ font-size: 14px;}
.proCon .h3{ font-size: 16px;}

.iMain2{ height: 400px;}
.bannerB .p{ font-size: 18px;}
.iCase li{ width: 50%;}

.tit1 em{ font-size: 24px; margin-bottom: 30px;}
.tit1 em:before{ bottom: -15px;}
.tit1 strong{ font-size: 18px;}

.iCase .text{ display: none;}
.iCase .h2{ left: 0px; bottom: 0px; right: 0px; font-size: 18px; line-height: 3; padding: 0 1em; background: rgba(0,117,46,0.85); background-image: linear-gradient(to right, rgba(0,117,46,0.5), rgba(0,160,233,0.75));}
.iCase .h2:after{ content:"\ea7f"; position: absolute; right: 1em; top: 50%; line-height: 1; margin-top: -0.5em; font-family:"iconfont" !important; font-size:1.25em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.fNav{ display: none;}
.fContact{ max-width: inherit; position: static; text-align: center; margin: 0 0 30px 0;}
.fShare{ position: static; margin: 0 auto;}
.fShareHead{ margin-bottom: 0px;}
.fShareList{ display: none;}
.fLink{ display: none;}
.fCopyFl{ float: none;}
.fCopyFr{ float: none;}
.fCopyFr a{ margin: 0px;}
.tSearch .pd{ width: auto;}

.proList li{ width: 50%;}

.proNav{ position: relative; left: auto; right: auto; bottom: auto; background: #00943c;background-image: linear-gradient(to right, #009944, #00a0e9);}
.proNav .wp{ margin: 0px;}
.proNav ul{ flex-wrap: wrap; justify-content: flex-start;}
.proNav li{ width: 25%; border-bottom: 1px solid rgba(0,0,0,0.05);}
.proNav a{ color: rgba(255,255,255,0.8); height: 40px; line-height: 40px; text-align: center; border-right: 1px solid rgba(0,0,0,0.05); font-size: 14px;}
.proNav li.curr a{ color: #fff;}

.addBtn{ position: relative; right: auto; top: auto; padding-top: 20px;}
.proList ul{ margin: 0 -5px;}
.proList li{ margin-bottom: 10px;}
.proList .pd{ margin: 0 5px;}
.proList .text{ padding: 10px;}
.proList .em{ margin-right: 0px; font-size: 12px; height: 1.5em; line-height: 1.5em;}
.proList .h3{ font-size: 14px; line-height: 1.3em;}
.addBtn{ padding-top: 10px;}

.pNav .wp{ margin: 0px;}
.pNav ul{ flex-wrap: wrap; justify-content: flex-start;}
.pNav li{ width: 33.3333%; margin: 0px;}
.pNav a{ padding: 0px; text-align: center; background: #eee; border-right: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);}
.pNav li.curr a{ background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); color: #fff;}

.caseInfo .img{ width: auto; float: none;}
.caseInfo .text{ padding:30px 0 0 0; margin: 0px; }
.caseInfo .h3{ font-size: 18px;}
.caseInfo .p{ font-size: 14px;}
.pMainProApp1_2 .tit1{ margin-bottom: 20px;}

.aboutList .li{ padding: 15px 0;}
.aboutList .h3{ font-size: 24px;}
.aboutList .p{ font-size: 14px; line-height: 1.75}


.proInfoCon .li1:before,
.tableA:before{ display: block;}
}
@media screen and (max-width:768px){
.wp{ margin:0 30px;}

.cartBox{ width: auto; position: fixed; left: 30px; right: 30px; top:50%; transform: translateY(-50%); padding-top: 0px;}
.cartBox:before{ display: none;}
.cartClose{ display: block;}


.crumbs .wp{ display: flex;}
.crumbs a,
.crumbs strong{ max-width: 8em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.proInfoA_fl{ width: auto; margin: 0 0 30px 0; float: none;}
.proInfoA_fr{ margin: 0px; padding: 0px;}
.proInfoA_fr .h3{ font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;}

.proBiHead{ width: auto; position: static; border-right: none; border-bottom:1px solid #ccc; height: 80px;}
.proBi{ height: auto; padding-left: 0px;}
.proBiList ul{ flex-wrap: wrap;}
.proBiList li{ width: 50%;}
.proBiList .pd{ border-left: none; border-bottom:1px solid #ccc;}

.contactInfo ul{ flex-direction: column;}
.contactInfo li{ width: auto;}
.contactInfo .pd{ border-right: none; border-bottom: 1px solid #ccc;}
.contactList li{ width: auto; float: none;}
.contactList ul{ flex-direction: column;}

.searchList li{ width: 50%;}
}
@media screen and (max-width:640px){

.iBanner .swiperDots{ bottom:38px;}
.iBanner .swiperArrow{ font-size: 14px;}
.iMain2{ height: 320px; background-attachment:inherit; background-size: cover;}
.proTab .img{ width: 48px; }
.btnBox a{ font-size: 16px;}
.iNews .swiperDots{ display: block; bottom: -20px;}
.iNews .swiperDots span{ background: #ccc;}
.iNews .swiperDots .swiper-pagination-bullet-active{ background:#009f3f;  background-image: linear-gradient(to right, #009944, #00a0e9); width: 8px;}
.iNews .em{ font-size: 12px;}
.iNews .h3{ font-size: 16px;}
.iNews .p{ font-size: 12px;}

.pBanner img{ height: 100px;}
.proNav li{ width: 50%;}
.newsList .pd{ height: auto;}
.newsList .img{ position: relative; right: auto; width: auto; height: auto;}
.newsList .text{ margin: 0px; padding: 20px;}

.newsBtn ul{ flex-direction: column;}
.newsBtn li{ max-width:inherit; float: none; background: #eee; margin-bottom: 5px; padding: 5px;}
.newsBtn .pd span{}
.newsBtn .pd{ padding: 0 0 0 50px;}
.newsBtn li:last-child{ margin-bottom: 0px;}
.newsBtn li:nth-child(even) .pd span{ left: 0px; right: auto;}

.contactMap{ height: 240px;}


.iCase li{ width: 100%; }
.iCase .h2{}

.iBanner .videoA video{aspect-ratio: 1080/1152;}
}
@media screen and (max-width:480px){
.wp{ margin:0 25px;}
.cartBox{ left: 25px; right: 25px;}
}
@media screen and (max-width:413px){
.wp{ margin:0 20px;}
.cartBox{ left: 20px; right: 20px;}


}
@media screen and (max-width:374px){
.wp{ margin:0 15px;}
.cartBox{ left: 15px; right: 15px;}

}

.proBi{ margin-bottom: 40px;}
.cartTable{ position: relative;}
.cartTable:after,
.cartTable:before{ content: '右滑查看更多'; background: #f00; color: #fff; padding: 0 0.5em; display: none; }
.cartTable table{ border-collapse: collapse; border: 1px solid #ccc; width: 100%;}
.cartTable tr{}
.cartTable td{ border: 1px solid #ccc; padding: 0.5em;}
.cartTable td:first-child{ background: #f1f1f1; font-weight: bold;}

.pMainProApp1_2{ display: none !important;}